@charset "utf-8";
body {
    font-family: PingFangSC-Regular, sans-serif;
}

.navbar_other {
    background: rgba(0, 35, 69, .8);
}

.container-product-head {
    margin-top: 50px;
}

.container-advertise-banner {
    background: url(@/assets/img/advertise.jpg) no-repeat center;
    background-size: cover;
    height: 400px;
    text-align: center;
}

.container-advertise-banner h4 {
    color: #fff;
    font-size: 50px !important;
    margin-top: 170px;
    font-family: PingFangSC-Regular, sans-serif;
}

.container-advertise-banner p {
    color: #b6b6b9;
    display: block;
    font-size: 24px;
    font-family: PingFangSC-Regular, sans-serif;
}

.container-product-head .container {
    padding: 0px 100px;
}

.nav-tabs {
    border-bottom: none;
    display: -webkit-flex;
    display: flex;
}

.nav-tabs > li {
    -webkit-flex: 1;
    flex: 1;
    margin: 0px 88px;
    font-size: 16px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: none;
    background: none;
}


.nav-tabs > li.active a{color: #337AB7 !important;}
.nav-tabs > li {
    border-bottom: 0px;
}

.nav-tabs > li > a:hover {
    background: none;
    border: none;
    color: #337AB7;
} 
.nav-tabs > li.active {
    border-bottom: 2px solid #337ab7;
    
}
.nav-tabs > li.active a{
	color: #337ab7;
}
.nav-tabs > li a {
    border: none;
    color: #a3a2a9;
    text-align: center;
    padding: 15px 0px;
}

.nav-tabs >li:after {
	content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #337ab7;
    position: absolute;
    bottom: 0px;
    left: 0;
}
.nav-tabs >li.active:hover:after{display: none;}
.nav-tabs >li:hover:after {
	width: 100%;
	left: 0%;
	transition: .2s;
}

.container-product-content{
    padding-bottom: 50px;
    min-height: 500px;
}

#myTab {
    width: 70% !important;
    margin: auto;
    margin-bottom: 30px;
}
.left_Requirement h4{
    font-size: 20px;
    line-height: 40px;
}
.left_Requirement p{
    line-height: 26px;
}
.left_Requirement p span{
    color: #87868f;
}
.left_Requirement{
    padding: 30px 40px 30px 34px;
}
.left_Requirement p{
    display: inline-block;
    margin-right: 20px;
}
.left_Requirement ul{
    padding: 0px;
    margin-top: 10px;
}
.left_Requirement ul li{
    list-style: none;
    line-height: 26px;
    color: #87868f;
}
.left_Requirement ul li:nth-child(1){
    color: #333;
    margin-bottom: 10px;
}
.right_Requirement2{
    padding-left: 20px;
    padding-top: 40px;
    padding-bottom: 30px;
}
.right_Requirement2 ul{
    padding: 0;
    margin-top: 100px;
    padding-right: 18px;
}
.right_Requirement2 ul li{
    list-style: none;
    color: #87868f;
    line-height: 26px;
    text-align: justify;
}
.right_Requirement2 ul li:nth-child(1){
    color: #333 !important;
    margin-bottom: 10px;
}
.panel-show-hid {display: none;}
.post_jl{
    position: absolute;
    right: 50px;
    top: 50px;
    z-index: 1;
}
.panel-section{
    box-shadow: 0px 0px 30px rgba(200,200,200,.2);
    margin-bottom: 40px;
}
.panel-section:hover .right_Requirement2_ul, .panel-section:hover .left_Requirement_ul{
    display: block;

}

@media only screen and (min-width: 320px) and (max-width: 640px) {
	.navbar-nav{margin: 0;}
	.container-advertise-banner{height: 150px;margin-top: 50px;}
	.container-advertise-banner h4{margin-top: 40px;font-size: 28px !important;}
	.nav-tabs > li{margin: 0px;}
	.container-product-head .container{padding: 0px;}
	.left_Requirement{padding: 0px;}
	.post_jl{
		 position: absolute;
	    right: 20px;
	    top: 40px;
	    z-index: 1;
	}
	.panel-section{padding: 20px 20px;}
	.right_Requirement2{margin: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}
	.right_Requirement2 ul{margin-top: 0px;}
	#myTab{margin-bottom: 10px;}
	.left_Requirement h4{font-size: 16px;}
	.right_Requirement2{padding-bottom: 0px;}
	.panel-show-hid {text-align: center;display: none;}
	.panel-show-hid img{height: 10px;transform: rotate(180deg);}
	.panel-show-hid.active img{transform: rotate(0deg);}
	/*.panel-section:hover .right_Requirement2_ul, .panel-section:hover .left_Requirement_ul{display: none !important;}*/
	.container-advertise-banner{background-size:auto 100% ;}
	.panel-section{margin-bottom:10px;}
	.nav-tabs >li:after{display: none;}
	.container-advertise-banner p{font-size: 18px;}
	.right_Requirement2 ul{padding-right: 5px !important;}
}